<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html manifest="cache.manifest">
<head>
	<title>Jose Hernandez</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <meta name="apple-mobile-web-app-capable" content="yes" /> 
	<link rel="apple-touch-icon" href="icon.png"/>
	<link href='http://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>

    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<link rel="stylesheet" type="text/css" href="style.css" />
	<script type="text/javascript" src="script.js"></script>
</head>

<body onload="display(0);">
	<div id="page">
	<div id="name">Jose<br />Hernandez</div>
	<div id="profilePicture"><img id="piccy" src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Jose_Hernandez_v2.jpg/192px-Jose_Hernandez_v2.jpg" id="profilePic" /></div>
	<div id="title"></div>
	<div id="prev"><img src="prev.png" class="button" alt="Previous" onclick="display(currentContent-1);" onmousedown="this.style.boxShadow = '0px 0px 10px 5px #999999';" onmouseup="this.style.boxShadow = '0px 0px 0px 0px';" ontouchstart="this.style.boxShadow = '0px 0px 10px 5px #999999';" ontouchend="this.style.boxShadow = '0px 0px 0px 0px';" /></div>
	<div id="home"><img src="HOUSE.png" class="button" alt="Home" onclick="display(0);" onmousedown="this.style.boxShadow = '0px 0px 10px 5px #999999';" onmouseup="this.style.boxShadow = '0px 0px 0px 0px';" ontouchstart="this.style.boxShadow = '0px 0px 10px 5px #999999';" ontouchend="this.style.boxShadow = '0px 0px 0px 0px';" /></div>
	<div id="next"><img src="next.png" class="button" alt="Next" onclick="display(currentContent+1);" onmousedown="this.style.boxShadow = '0px 0px 10px 5px #999999';" onmouseup="this.style.boxShadow = '0px 0px 0px 0px';" ontouchstart="this.style.boxShadow = '0px 0px 10px 5px #999999';" ontouchend="this.style.boxShadow = '0px 0px 0px 0px';" /></div>
	<div id="main"></div>
	</div>
</body>
</html>